<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Tin  Tức</title>
<link rel="stylesheet" href="css/Home.css" type="text/css" media="all">
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
<link href='http://fonts.googleapis.com/css?family=Alegreya+SC:700,400italic' rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="js/fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="screen" />

</head>
<body>

<header>
			<ul class="tt-wrapper">
				<li><a class="tt-gplus" href="#"><span>Google Plus</span></a></li>
				<li><a class="tt-twitter" href="#"><span>Twitter</span></a></li>
				<li><a class="tt-dribbble" href="#"><span>Dribbble</span></a></li>
				<li><a class="tt-facebook" href="#"><span>Facebook</span></a></li>
				<li><a class="tt-linkedin" href="#"><span>LinkedIn</span></a></li>
				<li><a class="tt-forrst" href="#"><span>Forrst</span></a></li>
			</ul>	
</header>

		<div id="menu7">
		  <ul>
              <li><a href="Home.html">
                        <span class="title">Trang chủ</span>
                    </a>
            </li>
                <li><a href="TinTuc.html">
                        <span class="title">Tin Tức</span>
                    </a>
                </li>
                <li><a href="KhuyenMai.html">
                        <span class="title">Khuyến Mại</span> 
                    </a>
                </li>
                <li><a href="LienHe.html">
                        <span class="title">Liên Hệ</span>     
                    </a>
                </li>
                <li><a href="form-dangNhap.html">
                        <span class="title">Tài Khoản</span>   
                    </a>
                </li>
          </ul>
        </div>
       
<article>
    <div class="font2">
            <form action="http://www.google.com.vn/search" style="  
			  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(50%, #111111), color-stop(60%, #252525), 					              color-stop(100%, #555555));
              height: 40px;
              border-radius: 8px;">
            <input type="text" name="tensp" style="width: 300px" id="tk"/>
            <a class="button" href="#" id="tk2">TÌM KIẾM</a>
            <big style="cursor:default">Giỏ hàng có: <b>0</b> sản phẩm</big>
            <a class="button" href="GioHang.html" style="border-radius: 3px">XEM GIỎ HÀNG</a>
            </form>
    </div>
</article>

<aside>
        <div id="menu1" class="font2">
            <h4><a href="#">Đồ Nam</a></h4>
                <ul>
                    <li><a href="SoMiNam.html">Áo Sơ Mi</a></li>
                    <li><a href="ThunNam.html">Áo Thun</a></li>
                    <li><a href="KhoacNam.html">Áo Khoác</a></li>
                    <li><a href="QuanNam.html">Quần</a></li>
                </ul>
            <h4><a href="#">Đồ Nữ</a></h4>
                <ul>
                    <li><a href="SoMiNu.html">Áo Sơ Mi</a></li>
                    <li><a href="ThunNu.html">Áo Thun</a></li>
                    <li><a href="KhoacNu.html">Áo Khoác</a></li>
                    <li><a href="Vay.html">Váy</a></li>
                    <li><a href="QuanNu.html">Quần</a></li>
                </ul>
            <h4><a href="#">Giày dép</a></h4>
                <ul>
                    <li><a href="GiayNam.html">Nam</a></li>
                    <li><a href="GiayNu.html">Nữ</a></li>
                </ul>
            <h4><a href="PhuKien.html">Phụ Kiện</a></h4>
        </div>
        
        <p id="left1"><b>Sản phẩm bán chạy</b></p>
          <dl class="captioned-image2">
                <dt><img src="images/7.jpg"/></dt>
                <dd>
                    <span>
                        Mã sản phẩm: A00001<br>
                        Tình trạng: <i>Còn hàng</i><br>
                        Giá: <font color="#FF0000">500.000 </font>VNĐ<br>
                        <a class="button" href="#">MUA HÀNG</a>
                        <a class="button" href="ChiTiet.html">CHI TIẾT</a>
                    </span>
                </dd>
          </dl>
        
          <dl class="captioned-image2">
                <dt><img src="images/8.jpg"/></dt>
                <dd>
                    <span>
                        Mã sản phẩm: A00002<br>
                        Tình trạng: <i>Còn hàng</i><br>
                        Giá: <font color="#FF0000">500.000 </font>VNĐ<br>
                        <a class="button" href="#">MUA HÀNG</a>
                        <a class="button" href="ChiTiet.html">CHI TIẾT</a>
                    </span>
                </dd>
          </dl>
          
          <dl class="captioned-image2">
                <dt><img src="images/9.jpg"/></dt>
                <dd>
                    <span>
                        Mã sản phẩm: A00003<br>
                        Tình trạng: <i>Còn hàng</i><br>
                        Giá: <font color="#FF0000">500.000 </font>VNĐ<br>
                        <a class="button" href="#">MUA HÀNG</a>
                        <a class="button" href="ChiTiet.html">CHI TIẾT</a>
                    </span>
                </dd>
          </dl>
     
        <p id="left1"><b>Sản phẩm khuyến mãi</b></p>
        <dl class="captioned-image2">
                <dt><img src="images/5.jpg"/></dt>
                <dd>
                    <span>
                        Mã sản phẩm: A00004<br>
                        Tình trạng: <i>Còn hàng</i><br>
                        Giá: <font color="#FF0000">500.000 </font>VNĐ<br>
                        <a class="button" href="#">MUA HÀNG</a>
                        <a class="button" href="ChiTiet.html">CHI TIẾT</a>
                    </span>
                </dd>
        </dl>
        <dl class="captioned-image2">
                <dt><img src="images/1.jpg"/></dt>
                <dd>
                	<span>
                      Mã sản phẩm: A00005<br>
                      Tình trạng: <i>Còn hàng</i><br>
                      Giá: <font color="#FF0000">500.000 </font>VNĐ<br>
                      <a class="button" href="#">MUA HÀNG</a>
                      <a class="button" href="ChiTiet.html">CHI TIẾT</a>
                    </span>                  
                </dd>
        </dl>
        
        <p id="left1"><b>Hỗ trợ khách hàng</b></p>
        <div id="lienHe">
            <a href="ymsgr:SendIM?trung_thanh_24&amp;m=Chào bạn,mình là khách hàng của Quà tặng sáng tạo.Bạn cho mình hỏi 1 chút!" class="blue" style="text-decoration:none;">
                <img style="margin: 5px 5px 5px 20px;" src="http://mail.opi.yahoo.com/online?u=trung_thanh_24&amp;t=14" align="absmiddle" border="0" title="Click vào đây để chat với nhân viên chăm sóc khách hàng!">
                <br>
                <marquee style="margin-left:20px;font-weight:bold;color:#960;" behavior="slow" width="130">Mr.Jin | SĐT: 098761xxxx</marquee>
            </a>
            <a href="ymsgr:SendIM?trung_thanh_24&amp;m=Chào bạn,mình là khách hàng của Quà tặng sáng tạo.Bạn cho mình hỏi 1 chút!" class="blue" style="text-decoration:none;">
                <img style="margin: 5px 5px 5px 20px;" src="http://mail.opi.yahoo.com/online?u=trung_thanh_24&amp;t=14" align="absmiddle" border="0" title="Click vào đây để chat với nhân viên chăm sóc khách hàng!">
                <br>
                <marquee style="margin-left:20px;font-weight:bold;color:#960;" behavior="slow" width="130">Mr.Jin | SĐT: 098761xxxx</marquee>
            </a>
        </div>
        
        <p id="left1"><b>Thống kê truy cập</b></p>
        <p style="margin-left:40px; cursor:default" >Số người online : <font color="#FF0000" style="font-family:Palatino Linotype;">1</font></p>
        <p style=" margin-bottom:8px; text-align:center; cursor:default">Số lượt truy cập : <font color="#FF0000" style="font-family:Palatino Linotype;">9765</font></p>
</aside>

<section>
		<p id="font3"><b>Tin tức</b>
				<b style="margin-left:480px; font-size:10px; letter-spacing: 0em;"><script language="javascript">
					var day_of_week =new Array("Chủ Nhật","Thứ Hai","Thứ Ba","Thứ Tư","Thứ Năm","Thứ Sáu","Thứ Bảy");
					var month_of_year =new Array(" 1","2"," 3"," 4"," 5"," 6"," 7"," 8"," 9"," 10"," 11"," 12");  
					var nowdate = new Date();   
					var curyear= nowdate.getYear();     
					var curmonth = nowdate.getMonth();  
					var curdate = nowdate.getDate();   
					var curday = nowdate.getDay();
					if (curyear < 1000) {curyear= 1900  +curyear;}
					if (curdate<10) {curdate="0"+curdate;}  
					document.write("<font size='2' color='black' face='verdana'>" + "Hôm nay:  " + "</font>"+  "<font size='2' color='#252525'>"+day_of_week[curday]+ ",  " + curdate + "/ " +month_of_year[curmonth]+ "" + " / "+curyear+"</font>");
                </script>
                </b>      
		</p>
        
	<div class="newsdetail_wrapper">
    <h1 class="pTitle">Phối đồ đẹp và lạ cùng áo len</h1>
    <p style="font-size:11px; margin-top:-10px">Thứ Bảy, 11/02/12 8:30 GMT+7</p>
<h2 class="pHead">Cùng với cardigan, những chiếc áo len chui đầu cũng rất thích hợp để mặc trong thời tiết xuân. Và với mỗi dáng áo, chúng ta lại có một cách mix đồ khác nhau.</h2>
<table width="200" cellspacing="1" cellpadding="1" border="0" align="center">
    <tbody>
        <tr>
            <td><img height="657" width="500" border="0" align="Middle" src="Anh quan ao/anh1.jpg"></td>
        </tr>
        <tr>
            <td>
            <p class="pCaption">Dáng áo rộng và ngắn nên kết hợp với váy xòe duyên dáng</p>
            </td>
        </tr>
        <tr>
            <td><img height="658" width="500" border="0" align="Middle" src="Anh quan ao/anh2.jpg"></td>
        </tr>
        <tr>
            <td>
            <p class="pCaption">Áo cổ tròn kết hợp đẹp nhất cùng áo sơ mi, hai gam màu trắng và hồng rất "ăn khớp" với nhau</p>
            </td>
        </tr>
        <tr>
            <td><img height="647" width="500" border="0" align="Middle" src="Anh quan ao/anh3.jpg"></td>
        </tr>
        <tr>
            <td>
            <p class="pCaption">Với một chiếc áo được thiết kế diêm dúa như thế này, bạn không nên mặc cùng váy, mà nên mix cùng một chiếc quần jean bó sát</p>
            </td>
        </tr>
        <tr>
            <td><img height="647" width="500" border="0" align="Middle" src="Anh quan ao/anh4.jpg"></td>
        </tr>
        <tr>
            <td>
            <p class="pCaption">Cách phối đồ này tưởng chừng như không thể nhưng lại khá hoàn hảo phải không nào</p>
            </td>
        </tr>
        <tr>
            <td><img height="644" width="500" border="0" align="Middle" src="Anh quan ao/anh5.jpg"></td>
        </tr>
        <tr>
            <td><img height="659" width="500" border="0" align="Middle" src="Anh quan ao/anh12.jpg"></td>
        </tr>
        <tr>
            <td>
            <p class="pCaption">Những cô nàng không thích sự cầu kỳ, cũng như không muốn tốn nhiều thời gian có thể chọn cách mix đồ đơn giản này</p>
            </td>
        </tr>
        <tr>
            <td><img height="649" width="500" border="0" align="Middle" src="Anh quan ao/anh6.jpg"></td>
        </tr>
        <tr>
            <td>
            <p class="pCaption">Màu xanh luôn là gam màu nổi bật</p>
            </td>
        </tr>
        <tr>
            <td><img height="651" width="500" border="0" align="Middle" src="Anh quan ao/anh7.jpg"></td>
        </tr>
        <tr>
            <td>
            <p class="pCaption">Áo gile + áo phông, một phong cách thoải mái, trẻ trung, và cũng rất cá tính</p>
            </td>
        </tr>
        <tr>
            <td><img height="644" width="500" border="0" align="Middle" src="Anh quan ao/anh9.jpg"></td>
        </tr>
        <tr>
            <td><img height="656" width="500" border="0" align="Middle" src="Anh quan ao/anh14.jpg"></td>
        </tr>
        <tr>
            <td>
            <p class="pCaption">Những chiếc áo phông được tận dụng triệt để trong thời tiết xuân</p>
            </td>
        </tr>
        <tr>
            <td><img height="645" width="500" border="0" align="Middle" src="Anh quan ao/anh13.jpg"></td>
        </tr>
        <tr>
            <td><img height="647" width="500" border="0" align="Middle" src="Anh quan ao/anh8.jpg"></td>
        </tr>
        <tr>
            <td><img height="644" width="500" border="0" align="Middle" src="Anh quan ao/anh15.jpg"></td>
        </tr>
        <tr>
            <td>
            <p class="pCaption">Với một chiếc cardigan có khuy áo, bạn có ít nhất 3 cách mặc: đóng cúc, mở cúc, hoặc dùng dây lưng</p>
            </td>
        </tr>
        <tr>
            <td><img height="659" width="500" border="0" align="Middle" src="Anh quan ao/anh16.jpg"></td>
        </tr>
        <tr>
            <td>
            <p class="pCaption">Dáng áo suôn kết hợp đẹp nhất với quần jean bó sát hoặc quần legging</p>
            </td>
        </tr>
    </tbody>
</table>
<p class="pAuthor">Hà Thu</p>
<p class="pSource">Theo Infonet.vn</p></div>
     <div class="addthis_toolbox addthis_default_style " style="margin-left:600px">
                <a class="addthis_button_preferred_1"></a>
                <a class="addthis_button_preferred_2"></a>
                <a class="addthis_button_preferred_3"></a>
                <a class="addthis_button_preferred_4"></a>
                <a class="addthis_button_compact"></a>
                <a class="addthis_counter addthis_bubble_style"></a>
        	</div>
    <div class="paging">
		<ul>		
            <li><a rel="1" href="TinTuc.html"title="Trang đầu">Đầu</a></li>
            <li><a rel="0" href="TinTuc.html"title="Trang trước" >&lt;</a></li>
            						<li><a rel="1" title="Trang 1" class="disable">1</a></li>
                                    <li><a rel="2" title="Trang 2" href="TinTuc2.html">2</a></li>
                                    <li><a rel="3" title="Trang 3" href="TinTuc3.html">3</a></li>
                                    <li><a rel="4" title="Trang 4" href="TinTuc4.html">4</a></li>
                                    <li><a rel="5" title="Trang 5" href="TinTuc5.html">5</a></li>
            <li><a rel="2" href="TinTuc2.html"title="Trang sau" >&gt;</a></li>
            <li><span><a rel="15" href="TinTuc5.html" title="Trang cuối">Cuối</a></span></li>
		</ul>
	</div>
   
   </div>
        
   		<p id="font3"><b>Sản phẩm sắp về</b></p>
        <div id="shell">
        <div style="margin-top:25px" id="small-slider" class="slider">          
        <div class="slider-head">
        </div> 
          <div class="slider-holder" >
            <ul>
              <li> <a href="images/big-slide-1.jpg" > <span>&nbsp;</span> <img src="images/small-slider-1.jpg" alt="" /> </a> </li>
              <li> <a href="images/big-slide-2.jpg" > <span>&nbsp;</span> <img src="images/small-slider-2.jpg" alt="" /> </a> </li>
              <li> <a href="images/big-slide-3.jpg" > <span>&nbsp;</span> <img src="images/small-slider-3.jpg" alt="" /> </a> </li>
              <li> <a href="images/big-slide-4.jpg" > <span>&nbsp;</span> <img src="images/small-slider-4.jpg" alt="" /> </a> </li>
              <li> <a href="images/big-slide-5.jpg" > <span>&nbsp;</span> <img src="images/small-slider-5.jpg" alt="" /> </a> </li>
              <li> <a href="images/big-slide-6.jpg" > <span>&nbsp;</span> <img src="images/small-slider-6.jpg" alt="" /> </a> </li>
              <li> <a href="images/big-slide-7.jpg" > <span>&nbsp;</span> <img src="images/small-slider-7.jpg" alt="" /> </a> </li>
              <li> <a href="images/big-slide-1.jpg" > <span>&nbsp;</span> <img src="images/small-slider-1.jpg" alt="" /> </a> </li>
              <li> <a href="images/big-slide-2.jpg" > <span>&nbsp;</span> <img src="images/small-slider-2.jpg" alt="" /> </a> </li>
              <li> <a href="images/big-slide-3.jpg" > <span>&nbsp;</span> <img src="images/small-slider-3.jpg" alt="" /> </a> </li>
              <li> <a href="images/big-slide-4.jpg" > <span>&nbsp;</span> <img src="images/small-slider-4.jpg" alt="" /> </a> </li>
              <li> <a href="images/big-slide-5.jpg" > <span>&nbsp;</span> <img src="images/small-slider-5.jpg" alt="" /> </a> </li>
              <li> <a href="images/big-slide-6.jpg" > <span>&nbsp;</span> <img src="images/small-slider-6.jpg" alt="" /> </a> </li>
              <li> <a href="images/big-slide-7.jpg" > <span>&nbsp;</span> <img src="images/small-slider-7.jpg" alt="" /> </a> </li>
            </ul>
            <div class="cl">&nbsp;</div>
          </div>
         	<div class="cl">&nbsp;</div>
     	</div>
</section>

<footer>
        <div id="footer1">
            <b><a href="Home.html">Trang Chủ &nbsp;&nbsp;|</a></b>
            <b><a href="TinTuc.html">&nbsp;&nbsp;Tin Tức &nbsp;&nbsp;|</a></b>
            <b><a href="KhuyenMai.html">&nbsp;&nbsp;Khuyến Mại &nbsp;&nbsp;|</a></b>
            <b><a href="LienHe.html">&nbsp;&nbsp;Liên Hệ &nbsp;&nbsp;|</a></b>
            <b><a href="form-dangNhap.html">&nbsp;&nbsp;Tài Khoản</a></b>
            <p>Copyright © 2011 - 2012</p>
            <p>Thiết kế bởi: Nhóm 1 - Lớp T1107G</p>
        </div>
</footer>

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider();
});
</script>

<script type="text/javascript">
        $(document).ready(function(){
                $("#menu1 > ul").hide();
                $("#menu1 > h4").click(function(){
                        $("#menu1 > ul").slideUp("400");
                        if($(this).next("#menu1 > ul").is(":hidden") == true){
                                $(this).next("#menu1 > ul").slideDown("400");
                        }
                        
                });
        });
</script>

<script type="text/javascript">
        $(document).ready(function(){
                $(".captioned-image > dd").hide();
                $(".captioned-image > dt").mouseover(function(){
                        $("dd").slideUp("slow");
                        if($(this).next("dd").is(":hidden") == true){
                                $(this).next("dd").slideDown("slow");
                        }
                        
                });
        });
</script>

<script type="text/javascript">
        $(document).ready(function(){
                $(".captioned-image2 > dd").hide();
                $(".captioned-image2 > dt").mouseover(function(){
                        $("dd").slideUp("slow");
                        if($(this).next("dd").is(":hidden") == true){
                                $(this).next("dd").slideDown("slow");
                        }
                        
                });
        });
</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f365a371607dc43"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel.js"></script>
<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.1.js"></script>
<script type="text/javascript" src="js/jquery-func.js"></script>
</body>
</html>
